@import './base.styl'

body
  padding-bottom constant(safe-area-inset-bottom)
  padding-bottom env(safe-area-inset-bottom)
  padding-top constant(safe-area-inset-top)
  padding-top env(safe-area-inset-top)

[aspectratio]
  position relative
  overflow hidden

[aspectratio]::before
  content '' !important
  display block
  width 1px
  margin-left -1px
  height 0

[aspectratio-content]
  position absolute
  top 0
  width 100%
  height 100%
  bottom 0
  right 0
  left 0

[w-190-174]
  aspect-ratio '190:174'

[w-218-176]
  aspect-ratio '218:176'

[w-507-278]
  aspect-ratio '507:278'

.refresh
  height 0
  overflow hidden
  display flex
  align-items flex-end
  margin-bottom 10px
  box-sizing border-box
  transition all 0.1s

.new-refresh
  /* transition: all .3s; */
  display flex
  align-items flex-end
  padding-bottom 10px
  box-sizing border-box

.refresh-content
  width 100%
  display flex
  justify-content center
  align-items center
  font-size 28px
  color #1F89F8

.refresh-content img
  margin-right 10px
  width 40px
  height 40px

.load-more
  height 30px
  width 100%
  text-align center
  line-height 30px

// vant样式覆盖
.van-toast--text
  min-width 192px
  padding 16px 24px
  font-size 28px
  line-height 40px

.van-toast--default
  min-width 200px
  min-height 200px
  padding 16px 12px
  font-size 28px
  line-height 40px

.van-dialog__header
  font-size 28px
  padding-top 30px

.van-dialog__message
  font-size 26px
  padding-top 30px
  padding-left 60px
  padding-right 60px
  box-sizing border-box

.van-button--large
  height 90px

.van-button__text
  font-size 28px

.van-popup
  transform translate(-50%, -50%)

.van-popup--top
  top 14px

.van-notify
  margin 0
  font-size 30px
  padding-top 30px
  padding-bottom 10px
